石巻ハッカソン 2024に参加してきた

10月12日（土）

今年は嬉しいことに、前職の方々と一緒に参加することになりました。
当日はお昼頃に仙台で待ち合わせ。

仙台から石巻へ

前職で私の上司だったKさんの運転で石巻まで向かいました。
途中で「支那そばや」で塩ラーメンを食べました。

私は普段から何度も足を運んでいますが、前職の方々は初入店。
非常に好評でした！

少し早く来たので1時間ほど外のベンチでゆったりと過ごしました。

オープニング

およそ130人ほどの参加者が集ったようです。
13時からオープニングが始まりました。

例年通り、寸劇から始まり、その後はアイデア発表。
そしてチームビルディングと進みます。

今回は一緒に参加した方々が3日間フルで参加できるか分からなかったこともあり、そのメンバーでチームを組むことにしました。

ハッカソン開始

チームを組んだ後は、アイデアを考える作業に入ります。

それぞれ考えてきたアイデアを提案し合い、最終的に先輩Aさんの
「文章の中から動物を探し出すゲーム」
を作ることに決定しました。

技術選定

今回は、私があらかじめ個人的に用意していた「Laravelスターターキット」を使って開発を行うことにしました。

Laravel, React, TypeScript, Tailwind CSSなどがすべてDockerコンテナ上で動くように調整された環境です。

DB設計とインフラ構築

1日目の作業時間は15時から18時の3時間。
まずは役割分担を行い、DB設計とインフラ構築を行いました。

私はインフラ構築を担当。
VercelでもLaravelのデプロイが可能ですが、今回GitHubでリポジトリを組織の中に作ってしまったので無料では使えずに断念。
最終的にAWSのEC2を使うことにしました。

とりあえずEC2インスタンスでUbuntuを立ち上げて、その中にDockerをインストール。

そのまま今回の石巻ハッカソンのリポジトリをクローンして、Dockerコンテナを起動させます。

あとはNginxのポートにあわせて開放し、外部からHTTPでアクセスできるようにしました。
(本来ならドメインを用意して名前解決までしてあげたらかっこよかったのですが、時間的に余裕がなかったので諦めました)

懇親会

18時からは別な会場に移動して懇親会が始まりました。
実は懇親会に参加するのは今回が初めて。
多くの方々と交流を深めることができました。

美味しい料理とお酒が提供され、楽しい時間を過ごしました。
料理はすぐになくなってしまい、懇親会後にはチームメンバーで「すき家」に直行...。

その後は帰宅し、翌日に備えます。

10月13日 (日)

2日目の朝

雲一つない快晴。
川沿いに少し早く集まってコーディングを行いました。

ハッカソン開始

9時に会場入りして、作業を開始。
2日目はゴリゴリ開発する日です。

フロントエンド実装

私はフロントエンドを担当しました。
ReactとTypeScript、Tailwind CSSを使ってUIを構築していきます。

バックエンドのチームと連携しながら実装を進めていきます。
前職でプロジェクトでは関わらなかった方とも一緒にコーディングができ、とても楽しい時間を過ごすことができました。

名物のカレーライス

お昼の時間には、石巻ハッカソンの名物「カレーライス」が提供されました。

とても美味しかったです。

でも、もうちょっと食べたい...！
ということで、ふらっとそのまま追加で蕎麦を食べに行くことに。

眠くなりながらも会場に戻ります。

コーディング

戻ってからは仕様の方向性を話し合い、ひたすらコーディングを行います。

15時のおやつの時間には、スポンサーのASNO SYSTEM INC.さんからドーナツが提供されました。
糖分を摂取して、最後の追い込みです。

バックエンド側との連携も少しずつ進み、最終的にはデータベースに登録された動物の情報をフロントエンドで表示することができました。

頑張ったあとのご馳走

19時半までコーディングを行い、夕食の時間になりました。
予約していた「牛仁」に向かいます。

美味しい焼き肉を食べて、最後の追い込みを行います。

10月14日（月）

ついに最終日。
作業できるのは午前中の3時間だけです。

この段階で未実装、未連携の機能がいくつかありました...。
焦りも感じつつ実装を進めます。

バグのオンパレード

バックエンドと連携して進めていくうえで次々とバグが発生。
しまいにはゲームを開始しても何も表示されない始末。

ランキングもなぜか登録されない...。

発表

13時からは発表の時間。
出展のような形で、各チームが自分たちの成果物を発表します。

数人に自分たちの成果物を見てもらったタイミングで、ようやく問題が解消されました。

最終的には多くの方々に見ていただき、非常に好評でした。
ランキングで競い合える機能をなんとか間に合わせることができたこともあり、何度もトライする方がたくさんいました。

かなり盛り上がりました！

お昼ご飯

バグに追われてお昼を食べずに作業していたので、ハッカソン終了後は魚介系を食べに「元気食堂」へ。

最後に美味しい料理を食べて、石巻ハッカソンを終えました。

第11回 石巻ハッカソン 2024を終えて

石巻ハッカソンは高校生の頃から出場してきて、今年で5回目の参加となりました。
今回は初めてEC2を使ってインフラ構築を行う経験ができました。

また、前職の方々とも退職後に一緒にコーディングを行うことができ、楽しい時間を過ごすことができました。

とても充実した3日間でした！
今後も仙台市のイベントなどに積極的に参加していきたいと思います。